
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="lblProductName" data-productName="{{name}}">{{name}}</h3>
        </div>
        <div class="modal-body">
            <div class="row">
                <div class="col-md-12">
                    <div class="col-md-4">
                        <img class="img-thumbnail" src="{{imgPath}}" width="200"><br>
                        <label>Quantity Available : </label> <label class="label label-success rounded" id="lblQty" data-qty="{{quantity}}">{{quantity}}</label>
                    </div>
                    <div class="col-md-8">
                        <p>{{description}}</p>
                        <label style="float:right" id="lblPrice" data-price="{{price}}">Price: {{currency price}}</label>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <div class="row">
                <div class="col-md-12">
                    <div class="col-xs-2">
                        <button class="btn btn-default btn-sm">Subscribe</button>
                    </div>
                    <div class="col-xs-8 col-xs-offset-2">
                        <div class="form-group col-xs-8">
                            <div class="col-xs-4 col-xs-offset-2">
                            <label for="addQty" style="padding-top:5px">Quantity:</label>
                            </div>
                            <div class="col-xs-6">
                            <input id="qtyToAdd" type="number" class="form-control" placeholder="Enter Amt" value="0">
                            </div>
                        </div>
                        <div class="col-xs-2">
                            <button id="btnAddToCart" class="btn btn-primary btn-sm">Add to Cart <span class="glyphicon glyphicon-shopping-cart"></span></button>
                        </div>                        

                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="alert rounded hide" id="msgPane" style="padding:0.5em">&nbps;</div>
                </div>
            </div>
        </div>
